<!--
 * @Author: deliteam 462085920@qq.com
 * @Date: 2023-11-29 14:26:18
 * @Description: 
-->
<template>
    <div>
        <ParallaxBox bg-color="#cda954">
            <div class="footer-box">
                <div class="footer-a">
                    <div class="footer-line">
                        <NuxtLink to="/" class="logo" id="logo">
                            <img src="/icons/logo2.png" alt="">
                        </NuxtLink>
                    </div>
                    <div class="copyright">版权公告 Ⓒ佛山市集创舍室内设计有限公司

                    </div>
                    <div class="miDownR flex flex-row items-center lg:pt-[5px]">
                        <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"> 粤ICP备2023148230号-1</a>
                    </div>

                    <div class="clear"></div>
                </div>
                <div class="footer-b">
                    <ul>
                        <li><span class="bold-tx">OUR ADDRESS</span></li>
                        <NuxtLink to="/contact" tag="li">佛山市禪城區1506創意園A區4號105&nbsp;&nbsp;<span><i
                                    class="fa fa-map-marker"></i>
                            </span>
                        </NuxtLink>
                        <li style="margin-top:50px">t. <a href="tel:13802480502" target="_blank"> +86 13802480502 /
                                13928292869 （微信同步）</a></li>
                        <li>e. <a href="mailto:jcs1506 design@sina.cn">jcs1506 design@sina.cn</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </ParallaxBox>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
@media only screen and (max-width: 480px) {
    .copyright {
        width: 100%;
        margin: 30px 0 5px 0;
        text-align: center;
        font-size: 14px;
        line-height: 20px;
        color: #fff
    }

    .footer-row {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #0d0d0d;
    }

    /*-- GILEs --*/
    .miDownR {
        justify-content: center;
        width: 100%;
        margin: 0;
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        text-align: center
    }

    .GileLink a {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
    }

    .GileLink a:hover {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
    }

    .footer-a {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .footer-b {
        display: none
    }

    .footer-box {
        width: 90%;
        margin: 0 auto;
        padding: 40px 0;
    }

    .footer-line {
        float: none;
        width: 100px;
        margin: 0 auto;
        padding: 0;
        letter-spacing: 3px;
        display: block
    }

    .addline {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .addline a {
        display: inline-block;
        width: 100px;
        height: 50px;
        margin: 0;
        padding: 0;
        font-weight: 400;
        line-height: 50px;
        border-radius: 3px;
        color: #fff;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
        text-align: center;
        font-size: 14px !important;
        border: 1px solid #44a20c;
        background-color: #0d0d0d;
    }

    .addline a:hover {
        color: #fff;
        border: 1px solid #44a20c;
        background-color: #44a20c;
    }

    /*footer-1*/
    .icone-link {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 17px;
    }

    .icone-link a {
        display: inline-block;
        max-width: 100%;
        margin: 0 12px;
        font-size: 18px;
        font-weight: 100;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
        text-align: left;
        color: #fff
    }

    .icone-link a:hover {
        color: #fff
    }
}

@media only screen and (min-width: 481px) {

    /*footer*/
    .copyright {
        float: left;
        width: 100%;
        margin: 50px 0 5px 0;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        color: #fff
    }

    .footer-row {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #0d0d0d;
    }

    /*-- GILEs --*/
    .miDownR {
        float: left;
        width: 100%;
        margin: 0;
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        text-align: left
    }

    .GileLink a {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
    }

    .GileLink a:hover {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
    }

    /*社群*/
    .footer-a {
        float: left;
        width: 68%;
        margin: 0;
        padding: 0;
    }

    .footer-b {
        float: left;
        width: 32%;
        margin: 0;
        padding: 0;
        font-size: 14px;
        display: block
    }

    .footer-b ul {
        list-style-type: none;
        padding: 0px;
        margin: 0;
    }

    .footer-b li {
        margin: 0 0 6px 0;
        padding: 0px;
        color: #fff;
    }

    .footer-b a {
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }

    .footer-b a:hover {
        color: #fff;
    }

    .footer-box {
        width: 92%;
        margin: 0 auto;
        padding: 70px 0 70px 0;
    }

    .footer-line {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        letter-spacing: 3px;
        display: block
    }

    .addline {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .addline a {
        display: inline-block;
        width: 100px;
        height: 50px;
        margin: 0;
        padding: 0;
        font-weight: 400;
        line-height: 50px;
        border-radius: 3px;
        color: #fff;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
        text-align: center;
        font-size: 14px !important;
        border: 1px solid #44a20c;
        background-color: #0d0d0d;
    }

    .addline a:hover {
        color: #fff;
        border: 1px solid #44a20c;
        background-color: #44a20c;
    }

    /*footer-1*/
    .icone-link {
        float: left;
        width: 100%;
        margin: 1.2em 0 0 0;
        padding: 0;
        text-align: left;
        font-size: 17px;
    }

    .icone-link a {
        display: inline-block;
        max-width: 100%;
        margin: 0 25px 0 0;
        font-size: 18px;
        font-weight: 100;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
        text-align: left;
        color: #fff
    }

    .icone-link a:hover {
        color: #fff
    }
}

@media only screen and (min-width: 768px) {

    /*footer*/
    .copyright {
        float: left;
        width: 100%;
        margin: 50px 0 5px 0;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        color: #fff
    }

    .footer-row {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #0d0d0d;
    }

    /*-- GILEs --*/
    .miDownR {
        float: left;
        width: 100%;
        margin: 0;
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        text-align: left
    }

    .GileLink a {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
    }

    .GileLink a:hover {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
    }

    /*社群*/
    .footer-a {
        float: left;
        width: 68%;
        margin: 0;
        padding: 0;
    }

    .footer-b {
        float: left;
        width: 32%;
        margin: 0;
        padding: 0;
        font-size: 14px;
        display: block
    }

    .footer-b ul {
        list-style-type: none;
        padding: 0px;
        margin: 0;
    }

    .footer-b li {
        margin: 0 0 6px 0;
        padding: 0px;
        color: #fff;
    }

    .footer-b a {
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }

    .footer-b a:hover {
        color: #fff;
    }

    .footer-box {
        width: 92%;
        margin: 0 auto;
        padding: 70px 0 70px 0;
    }

    .footer-line {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        letter-spacing: 3px;
        display: block
    }

    .addline {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .addline a {
        display: inline-block;
        width: 100px;
        height: 50px;
        margin: 0;
        padding: 0;
        font-weight: 400;
        line-height: 50px;
        border-radius: 3px;
        color: #fff;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
        text-align: center;
        font-size: 14px !important;
        border: 1px solid #44a20c;
        background-color: #0d0d0d;
    }

    .addline a:hover {
        color: #fff;
        border: 1px solid #44a20c;
        background-color: #44a20c;
    }

    /*footer-1*/
    .icone-link {
        float: left;
        width: 100%;
        margin: 1.2em 0 0 0;
        padding: 0;
        text-align: left;
        font-size: 17px;
    }

    .icone-link a {
        display: inline-block;
        max-width: 100%;
        margin: 0 25px 0 0;
        font-size: 18px;
        font-weight: 100;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
        text-align: left;
        color: #fff
    }

    .icone-link a:hover {
        color: #fff
    }
}

@media only screen and (min-width: 981px) {

    /*footer*/
    .copyright {
        float: left;
        width: 100%;
        margin: 50px 0 5px 0;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        color: #fff
    }

    .footer-row {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #0d0d0d;
    }

    /*-- GILEs --*/
    .miDownR {
        float: left;
        width: 100%;
        margin: 0;
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        text-align: left
    }

    .GileLink a {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
    }

    .GileLink a:hover {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
    }

    /*社群*/
    .footer-a {
        float: left;
        width: 75%;
        margin: 0;
        padding: 0;
    }

    .footer-b {
        float: left;
        width: 25%;
        margin: 0;
        padding: 0;
        font-size: 14px;
        display: block
    }

    .footer-b ul {
        list-style-type: none;
        padding: 0px;
        margin: 0;
    }

    .footer-b li {
        margin: 0 0 6px 0;
        padding: 0px;
        color: #fff;
    }

    .footer-b a {
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }

    .footer-b a:hover {
        color: #fff;
    }

    .footer-box {
        width: 90%;
        margin: 0 auto;
        padding: 70px 0 70px 0;
    }

    .footer-line {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        letter-spacing: 3px;
        display: block
    }

    .addline {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .addline a {
        display: inline-block;
        width: 100px;
        height: 50px;
        margin: 0;
        padding: 0;
        font-weight: 400;
        line-height: 50px;
        border-radius: 3px;
        color: #fff;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
        text-align: center;
        font-size: 14px !important;
        border: 1px solid #44a20c;
        background-color: #0d0d0d;
    }

    .addline a:hover {
        color: #fff;
        border: 1px solid #44a20c;
        background-color: #44a20c;
    }

    /*footer-1*/
    .icone-link {
        float: left;
        width: 100%;
        margin: 1.2em 0 0 0;
        padding: 0;
        text-align: left;
        font-size: 17px;
    }

    .icone-link a {
        display: inline-block;
        max-width: 100%;
        margin: 0 25px 0 0;
        font-size: 18px;
        font-weight: 100;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
        text-align: left;
        color: #fff
    }

    .icone-link a:hover {
        color: #fff
    }
}

@media only screen and (min-width: 1281px) {

    /*footer*/
    .copyright {
        float: left;
        width: 100%;
        margin: 70px 0 5px 0;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        color: #fff
    }

    .footer-row {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: #0d0d0d;
    }

    /*-- GILEs --*/
    .miDownR {
        float: left;
        width: 100%;
        margin: 0;
        font-size: 14px;
        color: #fff;
        line-height: 20px;
        text-align: left
    }

    .GileLink a {
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
    }

    .GileLink a:hover {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
    }

    /*社群*/
    .footer-a {
        float: left;
        width: 75%;
        margin: 0;
        padding: 0;
    }

    .footer-b {
        float: left;
        width: 25%;
        margin: 0;
        padding: 0;
        font-size: 14px;
        display: block
    }

    .footer-b ul {
        list-style-type: none;
        padding: 0px;
        margin: 0;
    }

    .footer-b li {
        margin: 0 0 6px 0;
        padding: 0px;
        color: #fff;
    }

    .footer-b a {
        font-size: 14px;
        color: #fff;
        text-decoration: none;
    }

    .footer-b a:hover {
        color: #fff;
    }

    .footer-box {
        width: 87%;
        margin: 0 auto;
        padding: 70px 0 70px 0;
    }

    .footer-line {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        letter-spacing: 3px;
        display: block
    }

    .addline {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .addline a {
        display: inline-block;
        width: 100px;
        height: 50px;
        margin: 0;
        padding: 0;
        font-weight: 400;
        line-height: 50px;
        border-radius: 3px;
        color: #fff;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
        text-align: center;
        font-size: 14px !important;
        border: 1px solid #44a20c;
        background-color: #0d0d0d;
    }

    .addline a:hover {
        color: #fff;
        border: 1px solid #44a20c;
        background-color: #44a20c;
    }

    /*footer-1*/
    .icone-link {
        float: left;
        width: 100%;
        margin: 1.2em 0 0 0;
        padding: 0;
        text-align: left;
        font-size: 17px;
    }

    .icone-link a {
        display: inline-block;
        max-width: 100%;
        margin: 0 25px 0 0;
        font-size: 18px;
        font-weight: 100;
        transition: 500ms;
        -moz-transition: 500ms;
        -webkit-transition: 500ms;
        -o-transition: 500ms;
        text-align: left;
        color: #fff
    }

    .icone-link a:hover {
        color: #fff
    }
}
</style>
